import { createRouter, createWebHistory, RouteRecordRaw } from 'vue-router'
import scenePage from '../views/scene.vue'
import scenePage2 from '../views/scene2.vue'
import animation from '../views/animation.vue'
import MyPage from '../views/my-page.vue'

const routes: Array<RouteRecordRaw> = [
  {
    path: '/',
    name: 'scene',
    component: scenePage
  },
  {
    path: '/scene2',
    name: 'scene2',
    component: scenePage2
  },
  {
    path: '/animation',
    name: 'animation',
    component:animation
  },
  {
    path: '/my-page/:page*',
    name: 'my-page',
    component: MyPage
  }
]

const router = createRouter({
  history: createWebHistory(process.env.BASE_URL),
  routes
})

export default router
